<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
    <!-- css -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- jquery -->
    <script src="./js/jquery-3.4.1.js"></script>

    <!-- axios -->
    <script src="./js/axios.min.js"></script>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
</head>

<body>
    <!-- header -->
    <div id="header-wrap">
        <header id="header">
            <ul id="left">
                <li><a href="#">搜狗商城</a></li>
                <span>|</span>
                <li><a href="https://123.sogou.com/about/feedback.html">意见反馈</a></li>
                <span>|</span>
                <li><a href="#">收藏本站</a></li>
            </ul>
            <ul id="right">
                <li>
                    <a href="#" id="login">登录</a>
                    <a href="./pages/res.html" id="res">注册</a>
                </li>
                <span>|</span>
                <li><a href="#">S码通道</a></li>
                <span>|</span>
                <li><a href="#">手机商城</a></li>
                <span>|</span>
                <li><a href="#">在线客服</a></li>
                <button><a href="./pages/carts.html">购物车<b>(0)</b> </a></button>
            </ul>
        </header>
    </div>

    <!-- header -->

    <!-- nav -->
    <div id="nav-wrap">
        <nav id="nav">
            <h1>
                <span id="logo"></span>
                <span>搜狗商城</span>
            </h1>
            <ul>
                <li id="0"><a href="./index.html">首页</a></li>
                <li id="1"><a href="./pages/list.html">智能翻译</a>
                </li>
                <li id="2"><a href="./pages/list.html">糖猫手表</a>
                </li>
                <li id="3"><a href="./pages/list.html">配件</a>
                </li>
                <li id="4"><a href="https://mall.sogou.com/bbs/">社区</a></li>
                <li id="5"><a href="https://rec.sogou.com/">录音笔网页版</a></li>
            </ul>
            <div>
                <ul>

                </ul>
            </div>

        </nav>
    </div>

    <!-- nav -->

    <!-- banner -->

    <div id="banner">

        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">

                </div>
                <div class="item">

                </div>
                <div class="item">

                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

    </div>

    <!-- banner -->

    <!-- main -->

    <div id="main -wrap">
        <div id="main">
            <!-- m1 -->
            <div id="m1">
                <h2>智能产品推荐</h2><span>工作学习，出国旅游好帮手</span>
                <div class="box">
                    <div id="m11">

                    </div>
                    <div id="m12">

                    </div>
                </div>
            </div><!-- m1 -->

            <!-- m2 -->
            <div id="m2">
                <h2>糖猫产品</h2><span>糖猫连续三年获 “全国质量诚信示范企业” 国民信赖品牌实至名归</span>
                <div class="box">

                </div>
            </div><!-- m2 -->

            <!-- m3 -->
            <div id="m3">

            </div><!-- m3 -->


            <!-- m4 -->
            <div id="m4">
                <h2>爆款产品</h2><span>为您精心挑选的爆款产品</span>
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <!-- <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol> -->
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">

                        </div>
                        <div class="item">
                            
                        </div>
                        <div class="item">
                           
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <!-- <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a> -->
                </div>
            </div><!-- m4 -->

            <!-- m5 -->
            <div id="m5">
                <h2>糖猫配件</h2><span>为您精心挑选的糖猫配件产品</span>
                <div class="box">
                    <div id="m51">
                        
                    </div>
                    <div id="m52">
                        
                    </div>
                    <div id="m53">
                        
                    </div>
                    <div id="m54">
                        
                    </div>
                </div>
            </div><!-- m5 -->

            <!-- m6 -->
            <div id="m6">
                
            </div><!-- m6 -->

            <!-- m7 -->
            <div id="m7">
                <h2>糖猫产品</h2><span>生动展示，更快了解产品特色</span>
                <div class="box">
                    <div id="m71">
                        
                    </div>
                    <div id="m72">
                        
                    </div>
                    <div id="m73">
                       
                    </div>
                    <div id="m74">
                        
                    </div>
                </div>
            </div><!-- m7 -->

        </div><!-- main -->
    </div><!-- main-wrap -->


    <!-- footer -->

    <div id="footer-wrap">
        <footer id="footer">
            <div id="fleft">
                <p>搜狗商城让生活更智能更方便</p>
                <ul>
                    <li>
                        <span class="glyphicon glyphicon-blackboard"></span>
                        <span>科技乐趣</span>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-transfer"></span>
                        <span>人工智能</span>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-text-background"></span>
                        <span>智能翻译</span>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-certificate"></span>
                        <span>智能生活</span>
                    </li>
                    <li>
                        <span class="glyphicon glyphicon-heart"></span>
                        <span>可靠贴心</span>
                    </li>
                </ul>
            </div>
            <div id="fmain">
                <p>关注搜狗商城,<mark style="color: lightcoral;background-color: #fff;">优惠活动</mark>早知道</p>
                <ul>
                    <li>
                        <span id="w"></span>
                        <span>微信公众号</span>
                    </li>
                    <li>
                        <span id="x"></span>
                        <span>小程序</span>
                    </li>
                </ul>
            </div>
            <div id="fright">
                <span>

                </span>
            </div>
        </footer>
    </div>

    <!-- footer -->

    <!-- bottom -->

    <div id="bottom-wrap">
        <div id="bottom">
            <div class="links">
                <a href="https://corp.sogou.com/" rel="noopener" target="_blank" pbtag="关于我们">关于我们</a>
                <a href="https://123.sogou.com/about/feedback.html" rel="noopener" target="_blank"
                    pbtag="意见反馈及投诉">意见反馈及投诉</a>
                <a href="/goods/protocol" rel="noopener" target="_blank" pbtag="用户协议">用户协议</a>
                <a href="https://corp.sogou.com/private.html" rel="noopener" target="_blank" pbtag="隐私政策">隐私政策</a>
                <a href="https://123.sogou.com/" rel="noopener" target="_blank" pbtag="网址大全">网址大全</a>
                <a href="/goods/service" rel="noopener" target="_blank" pbtag="售后服务">售后服务</a>
                <a href="/goods/license" rel="noopener" target="_blank" pbtag="营业执照">营业执照</a>
            </div>
            <div class="copyright">Copyright ©2020 Sogou.com. All Rights Reserved.&nbsp;<a
                    href="http://www.miibeian.gov.cn" target="_blank" rel="noopener"
                    pbtag="京ICP证050897号">京ICP证050897号</a>/<a href="http://www.miibeian.gov.cn" target="_blank"
                    rel="noopener" pbtag="京ICP备11001839号-1">京ICP备11001839号-1</a>/<a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000025" target="_blank"
                    rel="noopener" pbtag="京公网安备11000002000025号">京公网安备11000002000025号<i class="icon-wangan"></i></a>
            </div>
        </div>
    </div>
    <!-- bottom -->


</body>
<script src="./js/index.js"></script>
<script src="./js/nav.js"></script>
</html>